body{font-size: 14px;background-color: #f7f7f7}
.main-page{ margin: 0 auto;color: #333;background-color: #f7f7f7;font-family: 'HiraginoSansGB-W3','Microsoft YaHei','微软雅黑','SimSun','宋体','PingFang SC','STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;}
.content {position: absolute;top:44px;left: 0;right: 0;bottom: 0;width: 100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y: auto;word-break: break-all}
.header{position: relative;height:45px;background-color:#FF9B14;background-image:-webkit-linear-gradient(to bottom, #FFC149, #FF9B14); background-image:linear-gradient(to bottom,#FFC149, #FF9B14);}
.header .title{padding: 0 50px;text-align: center;height:45px;line-height: 45px;font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #fff;}
.header .head-tap{display: block;padding: 0 20px;height:45px;line-height: 45px; color: #fff;font-size: 14px;position: absolute;top:0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.header .tap-right{right: 0}
.header .tap-left{left: 0}
.head-icon{display: inline-block;background: url("../images/header.png") no-repeat;background-size: 16px auto;}
.header .head-left{width: 8px;height: 15px;margin: 15px 0;background-position: -4px -1px}

.section{background-color: #fff;overflow: hidden;margin-bottom: 10px}
.section .pay{margin: 10px 15px 0; height: 50px; padding:0 15px;line-height: 50px;background-color: #F1F1F1;-webkit-border-radius: 5px;border-radius: 5px;font-size: 16px;
}
.section .pay span{display: inline-block;max-width: 48%}
.section .pay-free{vertical-align: middle;font-size: 0px;padding: 10px 15px 20px}
.section .pay-free .free-ctrl{display: inline-block}
.section .pay-free .text{color: #999;font-size:14px;display: inline-block;vertical-align: middle;line-height: 1}
.section .pay-free img{height: 16px;vertical-align: middle; margin-right: 5px}

.section .list-item{height: 50px;padding: 0 15px;line-height:50px;font-size: 14px}
.section .list-item+.list-item{border-top: 1px solid #f1f1f1}
.section .list-item .mui-ellipsis{display: inline-block;max-width: 48%;}
.section .list-item .label{font-size: 0;}
.section .list-item .label .text{font-size: 14px;vertical-align: middle}
.section .list-item .mui-pull-right{color:#FF9D16 }
.section .list-item .mui-ellipsis img{height: 16px;vertical-align: middle;margin-left: 5px}
.section .money{color:#999 }
.red{color: #f55}

.section .title{font-size: 16px;height: 50px;line-height: 50px; padding: 0 15px;font-weight: 400;margin: 0}
.section .mui-table-view-cell{padding:17px 15px}
.section .mui-table-view-cell.mui-checkbox input[type=checkbox], .mui-table-view-cell.mui-radio input[type=radio]{top: 11px}
.section .mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color:#2FC600  }

.middle{font-size: 0;line-height: 0;display: inline-block;float: left}
.middle .text{font-size: 14px;line-height: 1;vertical-align: middle;margin-left: 5px}
.middle img{height: 16px;vertical-align: middle}
.section .mui-radio input[type=radio]:checked:before{content: "\e442"}
.section .mui-radio input[type=radio]:before{content: "\e411"}
.mui-table-view:after{background-color: #fff;}

.btn-wrapper{text-align: center;margin: 30px 0 15px;padding: 0 20px }
.submit{height: 50px;width: 100%;font-size: 16px;color: #fff;border: 0;outline: 0;
    background-color:#ff9b15 ;background-image:-webkit-linear-gradient(to bottom, #ffc149, #ff9b15); background-image:linear-gradient(to bottom,#FFC149, #ff9b15);
    -webkit-border-radius: 5px;border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0px rgba(255,158,26,.6);
    box-shadow: 0 0 5px 0px rgba(255,158,26,.6);
    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
}
.remark{text-align: center;line-height: 30px;margin: 0}
.remark img{height: 30px;vertical-align: middle;margin: 0 5px}

.mui-popup-button{color: #999;border-radius:inherit!important;}
.mui-popup-button.mui-popup-button-bold{color: #ff9b15}
.mui-popup-inner{    border-radius: 5px 5px 0 0;}
.mui-popup{border-radius: 5px;color: #333;font-family: 'HiraginoSansGB-W3','Microsoft YaHei','微软雅黑','SimSun','宋体','PingFang SC','STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;}

.login{background-color: #fff;font-size: 14px;padding: 15px;  -webkit-border-radius: 5px;border-radius: 5px;}
.login input{font-size: 14px}
.login .title{margin:6px 0 15px;font-size: 16px;font-weight: normal;color:#f3ae47;text-align: center}
.login .mui-btn-block{font-size: 16px;    padding: 11px 0;}
.login .mui-btn-warning, .mui-btn-yellow{background-color: #ff9b15}
.login .remark{text-align: right;margin-top: 6px}
.login .remark a{color: #999;text-decoration: underline}
#login{left: 50%;top:50%;width: 300px;    transition-duration: 0ms;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);  -webkit-border-radius: 5px;border-radius: 5px;}
input::-webkit-input-placeholder {color:#dbdbdb;}
input:-moz-placeholder { color:#dbdbdb;}
input::-moz-placeholder {color:#dbdbdb; }
input:-ms-input-placeholder {color:#dbdbdb; }